<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/normalize_耨莫莱斯_初始化.css">
    <!-- 斯威夫特css引入 -->
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css">
    <title></title>
</head>

<body>
    <section class="warp">
        <!-- 头部我区域 -->
        <header class="header">我在校园</header>
        <nav class="tu">
            <a href="#">
                <img src="icons/tu.png" alt="">
            </a>
        </nav>

        <!-- 导航栏 -->
        <nav class="nav">
            <a href="#">
                <img src="icons/nav1.png" alt="">
            </a>
        </nav>
        <!-- 购物模块 -->
        <section class="xiao">
            <a href="#">
                <img src="icons/xiao-1.png" alt="">
            </a>
        </section>
        <section class="li">
            <a href="#">
                <img src="icons/li.png" alt="">
            </a>
        </section>
    </section>
    <footer class="footer">
        <a href="#" class="item">
            <img src="./icons/1.png" alt="">
            <p class="tong">工作台</p>
        </a>
        <a href="#" class="item">
            <img src="./icons/2.png" alt="">
            <p>通讯录</p>
        </a>
        <a href="#" class="item">
            <img src="./icons/3.png" alt="">
            <p>我的</p>
        </a>
    </footer>
    <script src="js/index.js"> </script>
</body>

</html>